<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣源</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="company_entry">
        <header-top></header-top>
        <common-login-head text="企业入驻"></common-login-head>
        <div class="for_com-bg">
            <div class="company_entry container">
                <div class="company_entry-top">
                    <div class="company_entry-top-bar">
                        <!-- 进度条 -->
                        <div class="bar" :class="'bar'+step"></div>
                        <div class="con">
                            <div class="con-col" :class="{cur:step>=1}">
                                <div class="con-col-cir">1</div>
                                <p>企业信息</p>
                            </div>
                            <div class="con-col" :class="{cur:step>=2}">
                                <div class="con-col-cir">2</div>
                                <p>营业执照信息</p>
                            </div>
                            <div class="con-col" :class="{cur:step>=3}">
                                <div class="con-col-cir">3</div>
                                <p>组织机构代码证</p>
                            </div>
                            <div class="con-col" :class="{cur:step>=4}">
                                <div class="con-col-cir">4</div>
                                <p>税务登记证</p>
                            </div>
                            <div class="con-col" :class="{cur:step>=5}">
                                <div class="con-col-cir">5</div>
                                <p>开户银行许可证</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 第一步 企业信息 -->
                <div class="company_entry-part" v-show="step==1">
                    <div class="con">
                        <h1>企业信息</h1>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>企业名称：</div>
                            <input class="con-col-input" type="text" v-model="companyName">
                            <div class="con-col-input_text">请按照营业执照上登记的完整名称填写</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>企业类型：</div>
                            <div class="con-col-option" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{companyTypeActive?companyTypeActive:"请选择企业类型"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in companyTypeList" @click="clickCompanyTypeOption(index,item.name,item.id)" :class="{cur:companyTypeIndex==index}">{{item.name}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>企业LOGO：</div>
                            <!-- 上传图片 -->
                            <common-upimg :preimg="companyLogo" :testoption="{ width:100,height:100,volume:40,maxlength:1}"></common-upimg>
                            <div class="con-col-img_text">图片尺寸100px*100px，文件大小40kb以内，支持JPG，PNG格式</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>企业所在地：</div>
                            <div class="con-col-option con-col-option_area" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{companyProvince?companyProvince:"省"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in area" @click="clickProvince(item.areaname,item.id,index,'company')" :class="{cur:companyProvinceIndex==index}">{{item.areaname}}</p>
                                </div>
                            </div>
                            <div class="con-col-option con-col-option_area" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{companyCity?companyCity:"市"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in companyCityList" @click="clickCity(item.areaname,item.id,index,'company')" :class="{cur:companyCityIndex==index}">{{item.areaname}}</p>
                                </div>
                            </div>
                            <div class="con-col-option con-col-option_area" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{companyArea?companyArea:"区"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in companyAreaList" @click="clickArea(item.areaname,item.id,index,'company')" :class="{cur:companyAreaIndex==index}">{{item.areaname}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>企业详细地址：</div>
                            <input class="con-col-input" type="text" v-model="companyAdress" />
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>企业电话：</div>
                            <input class="con-col-input" type="text" v-model="mobile">
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>员工人数：</div>
                            <input class="con-col-input con-col-input_short" type="text" v-model="employees">
                            <div class="con-col-input_text">人</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>企业介绍：</div>
                            <textarea class="con-col-textarea" placeholder="请输入您的企业相关文字介绍" v-model="introduce"></textarea>
                        </div>
                    </div>
                    <div class="company_entry-bottom">
                        <!-- <button class="company_entry-bottom-prev"><span class="font-arr"><</span>上一步</button> -->
                        <button class="company_entry-bottom-next" @click="clickNextStep1">下一步，完善营业执照信息<span class="font-arr">></span></button>
                    </div>
                </div>
                <!-- 第一步 企业信息 end -->
                <!-- 第二步 营业执照信息 -->
                <div class="company_entry-part" v-show="step==2">
                    <div class="con">
                        <h1>营业执照信息</h1>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>执照类型：</div>
                            <div class="con-col-option" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{licenseTypeText?licenseTypeText:"请选择执照类型"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in licenseTypeList" @click="clickLicenseTypeOption(index,item.text,item.id)" :class="{cur:licenseTypeIndex==index}">{{item.text}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>营业执照注册号：</div>
                            <input type="text" class="con-col-input" v-model="licenseCode">
                            <div class="con-col-input_text">请按照营业执照上的注册号进行填写</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>法定代表人姓名：</div>
                            <input type="text" class="con-col-input" v-model="licenseName">
                            <div class="con-col-input_text">请按照营业执照上登记的法人填写</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>营业执照所在地：</div>
                            <div class="con-col-option con-col-option_area" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{licenseProvince?licenseProvince:"省"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in area" @click="clickProvince(item.areaname,item.id,index,'license')" :class="{cur:companyProvinceIndex==index}">{{item.areaname}}</p>
                                </div>
                            </div>
                            <div class="con-col-option con-col-option_area" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{licenseCity?licenseCity:"市"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in licenseCityList" @click="clickCity(item.areaname,item.id,index,'license')" :class="{cur:companyCityIndex==index}">{{item.areaname}}</p>
                                </div>
                            </div>
                            <div class="con-col-option con-col-option_area" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{licenseArea?licenseArea:"区"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in licenseAreaList" @click="clickArea(item.areaname,item.id,index,'license')" :class="{cur:companyAreaIndex==index}">{{item.areaname}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>营业执照详细地址：</div>
                            <input type="text" class="con-col-input" v-model="licenseAddress">
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>成立时间：</div>
                            <el-date-picker v-model="licenseFoundTime" :editable="false" type="date" placeholder="选择日期"></el-date-picker>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>营业期限：</div>
                            <el-date-picker v-model="licenseTermBegin" :editable="false" type="date" placeholder="开始日期"></el-date-picker>
                            <p class="con-col-interval">/</p>
                            <el-date-picker v-model="licenseTermEnd" :editable="false" type="date" placeholder="结束日期"></el-date-picker>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>注册资本：</div>
                            <input type="text" class="con-col-input con-col-input_short" v-model="licenseCapital">
                            <div class="con-col-input_text">万元</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>经营范围：</div>
                            <textarea placeholder="请输入您的经营范围文字介绍" class="con-col-textarea" v-model="businessScope"></textarea>
                        </div>
                        <div class="con-col">
                            <h1>请按顺序分别上传正面（带有照片一面）和反面电子版图片，复印件请加盖开店公司红章</h1>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>法人代表身份证正面：</div>
                            <!-- 上传图片 -->
                            <common-upimg :preimg="licenseIDOne" :testoption="{ volume:300}"></common-upimg>
                            <div class="con-col-img_text">文件大小300kb以内，支持JPG，PNG格式</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>法人代表身份证反面：</div>
                            <!-- 上传图片 -->
                            <common-upimg :preimg="licenseIDTwo" :testoption="{ volume:300}"></common-upimg>
                            <div class="con-col-img_text">文件大小300kb以内，支持JPG，PNG格式</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>营业执照电子版：</div>
                            <!-- 上传图片 -->
                            <common-upimg :preimg="licensePic" :testoption="{ minwidth:800,minheight:800,volume:1024,maxlength:2}"></common-upimg>
                            <div class="con-col-img_text">图片尺寸请确保800px *800px以上，文件大小1MB以内，支持JPG，PNG格式，最多可上传2张</div>
                        </div>
                    </div>
                    <div class="company_entry-bottom">
                        <button class="company_entry-bottom-prev" @click="clickPrevStep2"><span class="font-arr"><</span>上一步</button>
                        <button class="company_entry-bottom-next" @click="clickNextStep2">下一步，完善组织机构代码证<span class="font-arr">></span></button>
                    </div>
                </div>
                <!-- 第二步 营业执照信息 end -->
                <!-- 第三步 组织机构代码证 -->
                <div class="company_entry-part" v-show="step==3">
                    <div class="con">
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>组织机构代码：</div>
                            <input type="text" class="con-col-input" v-model="organCode">
                            <div class="con-col-input_textarea">请按照组织机构代码证上的代码填写，不可省略“一”；<br>三证合一请填写统一信用识别代码</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>组织机构代码证有效期：</div>
                            <el-date-picker v-model="organTermBegin" :editable="false" type="date" placeholder="开始日期"></el-date-picker>
                            <p class="con-col-interval">/</p>
                            <el-date-picker v-model="organTermEnd" :editable="false" type="date" placeholder="结束日期"></el-date-picker>
                        </div>
                        <div class="con-col">
                            <h1>复印件需加盖公司红章扫描上传，三证合一的此处请上传营业执照电子版</h1>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>组织机构代码证电子版：</div>
                            <!-- 上传图片 -->
                            <common-upimg :preimg="organPic" :testoption="{ minwidth:800,minheight:800,volume:1024,maxlength:2}"></common-upimg>
                            <div class="con-col-img_text">图片尺寸请确保800px *800px以上，文件大小1MB以内，支持JPG，PNG格式，最多可上传2张</div>
                        </div>
                    </div>
                    <div class="company_entry-bottom">
                        <button class="company_entry-bottom-prev" @click="clickPrevStep3"><span class="font-arr"><</span>上一步</button>
                        <button class="company_entry-bottom-next" @click="clickNextStep3">下一步，完善税务登记证<span class="font-arr">></span></button>
                    </div>
                </div>
                <!-- 第三步 组织机构代码证 end -->
                <!-- 第四步 税务登记证 end -->
                <div class="company_entry-part" v-show="step==4">
                    <div class="con">
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>纳税人识别号：</div>
                            <input type="text" class="con-col-input" v-model="taxCode">
                        </div>
                        <!--<div class="con-col">
                            <div class="con-col-title"><span>*</span>纳税人类型：</div>
                            <input type="text" class="con-col-input" v-model="taxType">
                        </div>-->
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>纳税人类型：</div>
                            <div class="con-col-option" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{taxTypeText?taxTypeText:"请选择纳税人类型"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in taxTypeList" @click="clickTaxTypeOption(index,item.text,item.id)" :class="{cur:taxTypeIndex==index}">{{item.text}}</p>
                                </div>
                            </div>
                        </div>
                        <!--<div class="con-col">
                            <div class="con-col-title"><span>*</span>纳税类型税码：</div>
                            <input type="text" class="con-col-input" v-model="taxTypeCode">
                        </div>-->
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>纳税类型税码：</div>
                            <div class="con-col-option" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{taxTypeCodeText?taxTypeCodeText:"请选择纳税类型税码"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in taxTypeCodeList" @click="clickTaxTypeCodeOption(index,item.text,item.id)" :class="{cur:taxTypeCodeIndex==index}">{{item.text}}</p>
                                </div>
                            </div>
                        </div>

                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>税务登记证电子版：</div>
                            <!-- 上传图片 -->
                            <common-upimg :preimg="taxPic" :testoption="{ minwidth:800,minheight:800,volume:1024,maxlength:2}"></common-upimg>
                            <div class="con-col-img_text">图片尺寸请确保800px *800px以上，文件大小1MB以内，支持JPG，PNG格式，最多可上传2张</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>一般纳税人资格证电子版：</div>
                            <!-- 上传图片 -->
                            <common-upimg :preimg="taxPeoplePic" :testoption="{ minwidth:800,minheight:800,volume:1024,maxlength:2}"></common-upimg>
                            <div class="con-col-img_text">图片尺寸请确保800px *800px以上，文件大小1MB以内，支持JPG，PNG格式，最多可上传2张</div>
                        </div>
                    </div>
                    <div class="company_entry-bottom">
                        <button class="company_entry-bottom-prev" @click="clickPrevStep4"><span class="font-arr"><</span>上一步</button>
                        <button class="company_entry-bottom-next" @click="clickNextStep4">下一步，完善开户银行许可证<span class="font-arr">></span></button>
                    </div>
                </div>
                <!-- 第四步 税务登记证 end -->
                <!-- 第五步 开户银行许可证 -->
                <div class="company_entry-part" v-show="step==5">
                    <div class="con">
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>银行开户名：</div>
                            <input type="text" class="con-col-input" v-model="bankName">
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>公司银行账号：</div>
                            <input type="text" class="con-col-input" v-model="bankNum">
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>大额行号：</div>
                            <input type="text" class="con-col-input" v-model="bankBigBum">
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>开户银行支行名称：</div>
                            <input type="text" class="con-col-input" v-model="bankBranchName">
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>开户银行支行联行号：</div>
                            <input type="text" class="con-col-input" v-model="bankBranchNum">
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>开户银行支行所在地：</div>
                            <div class="con-col-option con-col-option_area" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{bankProvince?bankProvince:"省"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in area" @click="clickProvince(item.areaname,item.id,index,'bank')" :class="{cur:bankProvinceIndex==index}">{{item.areaname}}</p>
                                </div>
                            </div>
                            <div class="con-col-option con-col-option_area" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{bankCity?bankCity:"市"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in bankCityList" @click="clickCity(item.areaname,item.id,index,'bank')" :class="{cur:bankCityIndex==index}">{{item.areaname}}</p>
                                </div>
                            </div>
                            <div class="con-col-option con-col-option_area" @mouseleave="closeOption($event)">
                                <div class="con-col-option-cur" @click="clickShowOption($event)">{{bankArea?bankArea:"区"}}<i class="icon-company_entry_arr"></i></div>
                                <div class="con-col-option-sub">
                                    <p v-for="item,index in bankAreaList" @click="clickArea(item.areaname,item.id,index,'bank')" :class="{cur:bankAreaIndex==index}">{{item.areaname}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>银行开户许可证电子版：</div>
                            <!-- 上传图片 -->
                            <common-upimg :preimg="bankPic" :testoption="{ minwidth:800,minheight:800,volume:1024,maxlength:2}"></common-upimg>
                            <div class="con-col-img_text">图片尺寸请确保800px *800px以上，文件大小1MB以内，支持JPG，PNG格式，最多可上传2张</div>
                        </div>
                    </div>
                    <div class="company_entry-bottom">
                        <button class="company_entry-bottom-prev" @click="clickPrevStep5"><span class="font-arr"><</span>上一步</button>
                        <button class="company_entry-bottom-next" @click="clickNextStep5($event)">提交入驻申请<span class="font-arr">></span></button>
                    </div>
                </div>
                <!-- 第五步 开户银行许可证 end -->
            </div>
        </div>
        <div class="for_com-footerbg">
            <common-login-footer class="pt-30 pb-60"></common-login-footer>
        </div>
    </div>

    <script src="http://libs.baidu.com/jquery/1.8.2/jquery.min.js"></script>
    <script>
        //由于本页面需要用户输入的信息过多，所以刷新、退出页面时出现二次提示
        var currentKeyCode = -1,
            altkey = false,
            rightKey = false,
            pageY = 0,
            listernType = null,
            hrefJudge = false; //用于判断是否需要出现二次提示
        $(window).keydown(function() {
            top.altkey = event.altKey;
            top.currentKeyCode = event.keyCode;
        });
        $(document).on("contextmenu", function(e) {
            rightKey = true;
        });

        function isReloadOrClose(event) {
            if (hrefJudge) {
                return;
            }
            var msg = null;
            if (currentKeyCode == 116 || rightKey) {
                //116:F5
                if (currentKeyCode == 116) {
                    msg = "刷新窗口!(F5)";
                }
                if (rightKey) {
                    msg = "右键刷新窗口!";
                }
                top.listernType = "reload";
            } else {
                msg = "点击关闭窗口";
                top.listernType = "close";
                if ((altkey || currentKeyCode == 18) || (currentKeyCode == 115)) {
                    msg = "关闭窗口!(alt+F4)";
                }
                if (currentKeyCode == 91) {
                    msg = "Mac关闭窗口!(commad)";
                }
            }
            currentKeyCode = -1, altkey = false, rightKey = false, pageY = 0, listernType = null;
            return msg;
        }
        window.onbeforeunload = function(event) {
            return isReloadOrClose(event);
        }
    </script>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script src="../../lib/js/area.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        /*company_entry();*/ //为避免和index同时编辑冲突,待项目完事儿后,把company_entry_index.js中的company_entry_temp()里面的代码copy到company_entry()中
        company_entry();
    </script>
</body>

</html>